<!--The content below is only a placeholder and can be replaced.-->
<app-nav></app-nav>
<div class="enterContainer">
  <div class="roster_cover" [style.background-image]="'url('+readImg+classInfo.CoverUrl+')'"></div>
  <div class="roster_content">
    <div class="roster_name">{{classInfo.ClassName}}</div>
    <div class="roster_create">创建人 : {{classInfo.Creator}}</div>
    <div class="exist_time">存在时间：{{classInfo.CreateTime}} - {{classInfo.EndTime}}</div>
    <div class="peoples">当前人数: {{classInfo.Number}}人</div>
  </div>
  <div class="join_btn" (click)="joinClass()" [ngClass]="{'join_btn': !isJoin, 'join_btn1': isJoin}">{{isJoin?'已加入':'点击加入'}}</div>
</div>
